<!--
  Generated template for the PcTotalRulePage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>总分规则</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <div class="rule">
    <div class="itemName">
      <p>单项规则</p>
    </div>

    <hr class="hrstyle">

    <div class="pc-input pc-input-first">
      <span class="pc-span">高低分差</span>
      <div class="input-range">
        <ion-range [(ngModel)]="alldiff" min='0' [max]='diffNumber'></ion-range>
      </div>
      <span class="show-number">{{alldiff}}/{{diffNumber}}</span>
    </div>

    <div class="pc-input">
      <span class="pc-span">排序比分</span>
      <div class="input-range">
        <ion-range [(ngModel)]="allsort" min='0' [max]='diffNumber'></ion-range>
      </div>
      <span class="show-number">{{allsort}}/{{diffNumber}}</span>
    </div>


  </div>

  <button ion-button="" block class="button" (click)="returnCreater()">完成</button>
</ion-content>
